<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <title>Title</title>
    <style type="text/css">
        *{margin: 0;padding: 0;color: white;}
        .comtainer {width: 1000px;margin: 0 auto;}
        .header {width: 100%;height: 64px;background: #2A4AA0;}
        .main {width: 100%;height: 500px;}
        .main .mainbox{width: 70%;float: left;height: 100%;background: coral;}
        .main .sidebox{width: 30px;float: left;height: 100%;background: #999999;}
        .footer {width: 100%;height: 64px;background: #2A4AA0;}
        </style>
</head>
<body class="container">
<div class="header">Header</div>
<div class="main">
    <div class="mainbox">mainbox</div>
    <div class="sidebox">sidebox</div>
</div>
<div class="footer">footer</div>
</body>
</html>